<template>
  <div class="homoIndex-wrapper">
    <div class="left">
      <LeftNav></LeftNav>
      {{str}}
    </div>

    <div class="right">
      <router-view></router-view>
    </div>
  </div>
</template>
<script>
import LeftNav from "@/components/leftnav";

export default {
  components: {
    LeftNav
  },
  computed: {
    // str: store.state.str
  }
};
</script>
<style lang="scss" scoped>
.homoIndex-wrapper {
  width: 100vw;
  height: 100vh;
  display: flex;
  .left {
    flex: 3;
    border-right: 1px solid #ccc;
  }
  .right {
    flex: 7;
  }
}
</style>